<script setup>
import { useRouter } from 'vue-router';


const router = useRouter()
const history_length = history.length
console.log(history)

function goBack() {
    router.back()
}

</script>

<template>
    <div class="back-container">
        <div class="back" @click="goBack()" v-show="history_length > 1">
            <img src="/src/assets/images/student/arrow-left-bold.svg" alt="Arrow-left" width="32">
        </div>
    </div>
</template>

<style scoped >
.back-container {
    display: flex;
    align-items: center;
}

.back {
    text-align: center;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
}
</style>